﻿<!DOCTYPE html>
<!--<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page isELIgnored="false"%>-->
<c:set var="rootpath" value="${pageContext.request.contextPath}"></c:set>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<!-- 标题修改 -->
	<meta name="title" content="吐槽">
	<meta name="description" content="吐槽">
	<meta name="keywords" content="吐槽">
	<title>吐槽</title>

	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="../../css/bootstrap.css">

	<!-- 可选的Bootstrap主题文件（一般不用引入） -->
	<link rel="stylesheet" href="../../css/bootstrap.min.css">

	<link href="../../css/login/signin.css" rel="stylesheet">

	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="../../js/jquery-3.0.0.js"></script>

	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="../../js/bootstrap.min.js"></script>

</head>

<style>
	.m-whitecolor {
		background-color: white;
	}
</style>

<body class="m-whitecolor">

	<div class="container">
		<form>
			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-4">
					<textarea style="height: 105px; width: 380px;" class="form-control" placeholder="吐槽星人，有什么绝招使出来吧"></textarea>
				</div>
				<div class="col-md-3">
					<div class="input-group">
						<span class="input-group-addon m-whitecolor">名称</span> <input type="text" class="form-control" placeholder="游客">
					</div>
					<div class="input-group">
						<span class="input-group-addon m-whitecolor">邮箱</span> <input type="text" class="form-control" placeholder="选题">
					</div>
					<div class="input-group">
						<span class="input-group-addon m-whitecolor">网址</span> <input type="text" class="form-control" placeholder="选填">
					</div>
				</div>
				<div class="col-md-3">
				</div>
			</div>

			<div class="row">
				<div class="col-md-2">
				</div>
				<div class="col-md-4">
					<p style=" font-size: 20px;color: #999999;">已经有99人吐槽过,并得到回复</p>
				</div>
				<div class="col-md-3">
					<table align="center">
						<tr>
							<td><input type="submit" class="btn btn-warning btn-xs" value="确定吐槽" align="right" /></td>
						</tr>
					</table>
				</div>
				<div class="col-md-3"></div>
			</div>
		</form>

		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-7">
				<hr />

				<div class="panel panel-default">
					<div class="panel-body" style="margin-bottom: 0;">
						<div class="group">
							<div class="row">
								<div class="col-sm-9">
									<span class=""><a href="" style="font-size: 20px;color: #3F3F3F;">游客</a></span><span style="margin-left: 20px; font-size: 15px;color: #999999;">16/10/11</span>
								</div>
								<div class="col-sm-3">
									<div align="right">
										<button type="button" class="btn btn-default btn-xs" title="点赞">
  										<span class="glyphicon glyphicon-thumbs-up"></span> 赞(99)
										</button>
									</div>
								</div>
							</div>

						</div>
						<br />
						<p>这里是吐槽的内容</p>
						<br />
						<div class="row">
							<div class="col-md-12">
								<div align="right">
									<button type="button" class="btn btn-default btn-xs" title="回复">
  										<span class="glyphicon glyphicon-comment"></span> 回复
										</button>
								</div>
							</div>
						</div>
					</div>
					<div class="well-sm" style="background-color: #F3F3F3;">
						<span class=""><a style="font-size: 15px;color: #3F3F3F;">游客</a></span><span style="margin-left: 10px; font-size: 10px;color: #999999;">16/10/11</span><br />
						<p style="font-size: 15px;color: #737373;">吐槽的内容</p>
					</div>
					<div class="well-sm" style="background-color: #F3F3F3;">
						<span class=""><a style="font-size: 15px;color: #3F3F3F;">游客</a></span><span style="margin-left: 10px; font-size: 10px;color: #999999;">16/10/11</span><br />
						<p style="font-size: 15px;color: #737373;">吐槽的内容</p>
					</div>
				</div>

			</div>
			<div class="col-md-3">
			</div>

		</div>
	</div>

</body>

</html>